<template>
	<div class="wel-wrapper">
		
		<div v-if="activeTopMenu.name=='一站办'">
			<OstWorkBench></OstWorkBench>
		</div>
		<div v-else>
			<el-container>
			<el-header class="f-between" style="padding:0">
				<HeaderTitle class="left"></HeaderTitle>
				<TimePage></TimePage>
			</el-header>
			<el-container class="mt10">
				<el-main style="padding: 0;overflow-x: hidden;overflow-y: auto;">
					<NoticeStatistics class="title-label"></NoticeStatistics>
					<ShortcutPage class="title-label"></ShortcutPage>
					<DataStatistics class="title-label"></DataStatistics>
					<!-- <ReportPreview class="title-label"></ReportPreview> -->
				</el-main>
				<el-aside width="386px" class="wel-aside">
          
					<NoticeAnnounce class="title-label"></NoticeAnnounce>
					<!-- <DataCenterMess></DataCenterMess> -->
					<PolicyDoc class="title-label"></PolicyDoc>
				</el-aside>
			</el-container>
		</el-container>
		</div>
		
	</div>
</template>

<script setup lang="ts">
import DataStatistics from '../components/DataStatistics/index.vue'
import {whichCommHome} from '@/views/workSpace/home/hooks'
import OstWorkBench from '@/views/oneStopOffice/workbench/index.vue'
import { useUserStore } from '@/stores/user'
const store = useUserStore()
const { activeTopMenu } = storeToRefs(store)
const {
  NoticeStatistics,
  ShortcutPage,
  // DataStatistics,
  NoticeAnnounce,
  PolicyDoc,
  TimePage,
  HeaderTitle,
  DataCenterMess,
} = whichCommHome
</script>

<style lang="scss">
.wel-wrapper {
	width: 100%;
	height: 100%;
	position: relative;

	.wel-aside {
		margin-left: 1rem;
	}

	.title-label {
		font-family: 'Microsoft YaHei Bold';
		font-weight: 700;
		font-size: 16px;
		text-align: left;
		color: #1c1c28;
		// padding-top: 0.2rem;
		padding-bottom: 1rem;
	}
}

</style>
